<script language="javascript" type="text/javascript" src="__PUBLIC__/js/My97DatePicker/WdatePicker.js"></script>
<style type="text/css">
  .info
  { 
    width: 500px;
    height: 300px;
    margin: 20px 0 20px 100px;
    border: 1px #CCC solid;
    display: none;
  }
  .info .left
  {
    width: 100px;
    height: 300px;
    line-height: 300px;
    text-align: center;
    border-right: 1px #CCC solid;
    float: left;
  }
  .info .center
  {
    float: left;
  }
  .info .center div
  {
    margin-top: 10px;
    clear: both;
  }
  .info .center div span
  { 
    width: 80px;
    margin-left: 10px;
    display: block;
    float: left;
  }
  .info .center div input
  {

  }
  .info .right
  { 
    width: 100px;
    height: 300px;
    float: right;
    border-left: 1px #CCC solid;
  }
  .info .right input
  {
    margin: 0 auto;
    margin: 140px 0 0 30px;
  }
</style>
 <div class="form">
    <form method='post' id="form_do" name="form_do" action="{:U(MODULE_NAME. '/Product/local_info_add')}">
      <dl>
        <dt>订单号：</dt>
        <dd>
          <input type="text" name="orderID" class="inp_one" value="" />
        </dd>
      </dl>
      <dl>
        <dt>姓名：</dt>
        <dd>
          <input type="text" name="customerName" class="inp_one" value="" />
        </dd>
      </dl>
      <dl>
        <dt>联系电话：(国内手机)</dt>
        <dd>
          <input type="text" name="customerMobileHome" class="inp_one" value="" />
        </dd>
      </dl>
      <dl>
        <dt>联系电话：(国外手机)</dt>
        <dd>
          <input type="text" name="customerMobile" class="inp_one" value="" />
        </dd>
      </dl>
      <dl>
        <dt>邮箱地址：</dt>
        <dd>
          <input type="text" name="customerEmail" class="inp_one" value="" />
        </dd>
      </dl>
    <dl>
    <dt>落地签：</dt>
      <dd>
        <input type="radio" name="isLandingSign" value="1" >是
        <input type="radio" name="isLandingSign" value="0" >否
      </dd>
    </dl>
    <dl>
    <dt>类型：</dt>
      <dd>
        <input type="checkbox"  onclick="check(this,'jieji')">接机
        <input type="checkbox"  onclick="check(this,'songji')">送机
        <input type="checkbox"  onclick="check(this,'zhuanji')">转机
        <input type="checkbox"  onclick="check(this,'dangdiyou')">当地游
      </dd>
    </dl>
    <div class="info jieji">
      <div class="left">接机</div>
      <div class="center">
        <div>
          <span>车型：</span>
          <input type="text" name="carType">
        </div>
        <div>
          <span>航班号：</span>
          <input type="text" name="flightNumber">
        </div>
        <div>
          <span>航班机场：</span>
          <input type="text" name="flightPlace">
        </div>
        <div>
          <span>到达日期：</span>
          <input class="Wdate" type="text" name="arrivalDate" onClick="WdatePicker()" >
        </div>
        <div>
          <span>到达时间：</span>
          <i>时：</i>
          <select name="arrivalHour" id="">
            <foreach name="hour" item="h">
            <option value="{$h}">{$h}</option>
            </foreach>
          </select>
          <i>分：</i>
          <select name="arrivalMinute" id="">
            <foreach name="min" item="m">
            <option value="{$m}">{$m}</option>
            </foreach>
          </select>
        </div>
        <div>
          <span>酒店名称：</span>
          <input type="text" name="hotelName">
        </div>
        <div>
          <span>成人数：</span>
          <input type="text" name="adultNum">
        </div>
        <div>
          <span>儿童数：</span>
          <input type="text" name="childNum">
        </div>
      </div>
      <div class="right">
        <input type="button" value="添加" onclick="add(this,'jieji')">
      </div>
    </div>
    <div class="info songji">
      <div class="left">送机</div>
      <div class="center">
        <div>
          <span>车型：</span>
          <input type="text" name="carType">
        </div>
        <div>
          <span>航班号：</span>
          <input type="text" name="flightNumber">
        </div>
        <div>
          <span>航班机场：</span>
          <input type="text" name="flightPlace">
        </div>
        <div>
          <span>到达日期：</span>
          <input class="Wdate" type="text" name="arrivalDate" onClick="WdatePicker()" >
        </div>
        <div>
          <span>到达时间：</span>
          <i>时：</i>
          <select name="arrivalHour" id="">
            <foreach name="hour" item="h">
            <option value="{$h}">{$h}</option>
            </foreach>
          </select>
          <i>分：</i>
          <select name="arrivalMinute" id="">
            <foreach name="min" item="m">
            <option value="{$m}">{$m}</option>
            </foreach>
          </select>
        </div>
        <div>
          <span>酒店名称：</span>
          <input type="text" name="hotelName">
        </div>
        <div>
          <span>成人数：</span>
          <input type="text" name="adultNum">
        </div>
        <div>
          <span>儿童数：</span>
          <input type="text" name="childNum">
        </div>
      </div>
      <div class="right">
        <input type="button" value="添加" onclick="add(this,'songji')">
      </div>
    </div>
    <div class="info zhuanji">
      <div class="left">转机</div>
      <div class="center">
        <div>
          <span>车型：</span>
          <input type="text" name="carType">
        </div>
        <div>
          <span>航班号：</span>
          <input type="text" name="flightNumber">
        </div>
        <div>
          <span>航班机场：</span>
          <input type="text" name="flightPlace">
        </div>
        <div>
          <span>到达日期：</span>
          <input class="Wdate" type="text" name="arrivalDate" onClick="WdatePicker()" >
        </div>
        <div>
          <span>到达时间：</span>
          <i>时：</i>
          <select name="arrivalHour" id="">
            <foreach name="hour" item="h">
            <option value="{$h}">{$h}</option>
            </foreach>
          </select>
          <i>分：</i>
          <select name="arrivalMinute" id="">
            <foreach name="min" item="m">
            <option value="{$m}">{$m}</option>
            </foreach>
          </select>
        </div>
        <div>
          <span>酒店名称：</span>
          <input type="text" name="hotelName">
        </div>
        <div>
          <span>成人数：</span>
          <input type="text" name="adultNum">
        </div>
        <div>
          <span>儿童数：</span>
          <input type="text" name="childNum">
        </div>
      </div>
      <div class="right">
        <input type="button" value="添加" onclick="add(this,'zhuanji')">
      </div>
    </div>
    <div class="info dangdiyou">
      <div class="left">当地游</div>
      <div class="center">
        <div>
          <span>出游日期：</span>
          <input class="Wdate" type="text" name="departureTime" onClick="WdatePicker()" >
        </div>
        <div>
          <span>酒店名称：</span>
          <input type="text" name="hotelName">
        </div>
        <div>
          <span>成人数：</span>
          <input type="text" name="adultNum">
        </div>
        <div>
          <span>儿童数：</span>
          <input type="text" name="childNum">
        </div>
      </div>
      <div class="right">
        <input type="button" value="添加" onclick="add(this,'dangdiyou')">
      </div>
    </div>
    <div style="margin:20px 0 0 115px;">
      <input type="submit" value="提交" class="button-green">
      <input type="button" value="返回" class="button-return" onclick="history.go(-1)">
    </div>
  </form>
</div>
<script type="text/javascript">

function check (obj,name)
{
  var checked = $(obj).attr('checked');
  if(checked == 'checked')
  {
    $('.'+name).css('display','block');
  }
  else
  {
    $('.'+name).css('display','none');
  }
}

function add (obj,name) 
{ 
  var add_obj = $(obj).parent().parent();
  var html = add_obj.html();
  var s = '';
      s+='<div class="info '+name+'" style="display: block;">';
      s+=''+html+'';
      s+='</div>';
      add_obj.after(s);

}
</script>